<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static"
    id="details">
    <div class="modal-dialog modal-lg-f modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                
                <h4 class="modal-title" id="myModalLabel">功能管理 - 详情</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="popup-body modal-body text-center">
                <div class="bg-model overflow-hide">

                    <form name="detailsForm" *ngIf="getTabVal">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">上级机构：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p" style="font-weight: bold;">{{superiorDetails}}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">功能名称：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">{{ getTabVal?.functionName }}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">功能编码：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">{{ getTabVal?.functionCode }}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">英文名：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">{{ getTabVal?.functionEName }}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">页面地址：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">{{ getTabVal?.pageUrl }}</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">功能类型：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">
                                    <span *ngIf="getTabVal?.functionType==1">功能页</span>
                                    <span *ngIf="getTabVal?.functionType==0">功能点</span>
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">是否启用：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">
                                    <span [hidden]="getTabVal?.enable==1">禁用</span>
                                    <span [hidden]="getTabVal?.enable==0">启用</span>
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">描述：</label>
                            <div class="col-xs-12 col-sm-9">
                                <p class="details-p">{{ getTabVal?.description }}</p>
                            </div>
                        </div>
                            
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" mat-raised-button data-dismiss="modal">返回
                </button>
            </div>
        </div>
    </div>
</div>